<script setup>
import {
  onActivated,
  onBeforeMount,
  onBeforeUnmount,
  onBeforeUpdate,
  onDeactivated,
  onMounted,
  onUnmounted,
  onUpdated
} from "vue";

onBeforeMount(() => {
  console.log("User onBeforeMount");
})

onMounted(() => {
  console.log("User onMounted");
})

onBeforeUpdate(() => {
  console.log("User onBeforeUpdate");
})

onUpdated(() => {
  console.log("User onUpdated");
})

onBeforeUnmount(() => {
  console.log("User onBeforeUnmount");
})

onUnmounted(() => {
  console.log("User onUnmounted");
})

onActivated(() => {
  console.log("User onActivated");
})

onDeactivated(() => {
  console.log("User onDeactivated");
})
</script>

<template>
  <h1>User 页面</h1>
</template>

<style scoped>

</style>